import React from 'react'
import Mealitem from './Mealitem'
import './mealitem.css'
export default function Meals(props) {
  return (
    <div className='meals'>
      {
        props.mealsData.map((item)=>{
          return  <Mealitem meal={item} key={item.id}/>
        })
      }
    
    </div>
  )
}
